@CHARSET "UTF-8";

.mainContent{
 width:100%;
position: relative;
height: auto;

}

.mainContent #mapContent{
position:absolute;
left:2px;
top:0px;
	
}
.mainContent #cityContent{
 position:absolute;
 left:380px;
 top:0px;
 width: 340px;
 height:400px;
}

.mainContent #successMessage{
	position:absolute;
	left: 2px;
	top:0px;
	width:300px;
	height:30px;
	z-index: 10;
	display:none;
}


.mainContent  #citiesPages{
  margin:0px;
  padding:0px;
  position:relative;
  width: 100%;
  height: 100%;
}


.mainContent  .cities{
	height:400px;
	width: 205px;
	background:url("../images/citiesNavBg.png");
	position:absolute;
	left:1px;
	top 0px;
	
}

.mainContent .cities  .cityContainerHeader {
	width: 100%;
	background: url("../images/citiesNavHeaderBg.png");
	height: 25px;
	margin-bottom: 1px;
}
.mainContent .cities  .cityContainerHeader h2{
	color: #F7AA1B;
	font-size: 15px;
	text-align: center;
}
.mainContent .cities .cityContainerList{
	position :relative;
	width: 100%;
}

.mainContent .cities .cityContainerList .oneCityPage {
	width: 100%;
	height: 100%;
	position:relative;
}
.mainContent .cities .cityContainerList li{
	width: 100%;
	height:20px;
	position:relative;
	margin-top:1px;
	
}
.mainContent .cities .cityContainerList li p {
  color: red;
  padding: 3px;
  text-align: center;
  padding-left: 6px;
  cursor: pointer;
  font-size: 13px;
}

.mainContent .cities .cityContainerList li:hover{
	background: #ffe8b2;
}
#citiesPages #mapContent{
  position:absolute;
  left:220px;
  top:2px;
   	
}
#citiesPages #userPlaceTabContainer{
  position:absolute;
  top:2px;
  left:500px; 
  width:240px;	
}



